<template>
  <!-- #ifdef APP -->
  <scroll-view style="flex: 1">
  <!-- #endif -->
    <view class="page">
      <!-- #ifdef WEB -->
      <view><text class="text">Web 端背景色为绿色，字体颜色为蓝色</text></view>
      <!-- #endif -->
      <!-- #ifdef MP -->
      <view><text class="text">小程序端背景色为蓝色，字体颜色为红色</text></view>
      <!-- #endif -->
      <!-- #ifdef APP -->
      <view><text class="text">App 端背景色为红色，字体颜色为绿色</text></view>
      <!-- #endif -->
    </view>
  <!-- #ifdef APP -->
  </scroll-view>
  <!-- #endif -->
</template>

<style>
  /* #ifdef APP */
  .text {
    color: green;
    background-color: red;
  }

  /* #endif */
  /* #ifdef WEB */
  .text {
    background-color: green;
    color: blue;
  }
  /* #endif */
  /* #ifdef MP */
  .text {
    background-color: blue;
    color: red;
  }
  /* #endif */
</style>